<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>960 Grid System &mdash; Demo</title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/text.css" />
<link rel="stylesheet" href="css/960.css" />
<link rel="stylesheet" href="css/formularios.css" />
<link rel="stylesheet" href="css/validacion.css" />
<style>

@font-face {
	font-family:Lobster;
	src: url('fonts/Lobster.otf');
}

@font-face {
    font-family:Chunkfive;
    src: url('fonts/Chunkfive.otf');
}

body {
	background:black;
}

#wrapper {
/*	background:#ccc;	*/

background: url('img/bg_body.jpg') repeat scroll left top #dcc4a2;

color:#CBC4C2;
font-family:"Helvetica Neue",arial;
font-weight:300;	
}

#header {
/*	background:red;	*/
	height:100px;
	font-family: Chunkfive;
	font-size:24px;
	color:red;
}

#header h1 {
	border:0;

}


#main {
	height:800px;
	margin-top:25px;
}


#sidebar {
	background:blue;	
	min-height:300px;
}


#footer {
/*	background:green;	*/
/*	border-top:10px solid yellow; */
	color:white;
	height:200px;
}


.clearfix {
	display:block;
}


</style>
</head>
<body>

	<div id="wrapper">
	
		<div id="header" class="clearfix">
		
			<div class="container_16">
				<div class="grid_4">
					<div id="logo">
						<h1><a href="#">QUEIXATE</a></h1>
					</div>
				</div>
				
  			   <div class="grid_11 prefix_1">
  			   	<div id="nav">
  			   		navigation
  			   	</div>
  			   </div>
				
			</div>
			
		</div>
		
		<div id="main">
		
			<div class="container_16">
				<div class="grid_11">
				
<!-- ACABA HEADER -->				
				
<div id="container">
<div id="container-inner">

<h1>engade unha actividade</h1>

<form id="formulario" method="POST" action="crea/actividade">
       
       
<fieldset>
<p>aquí podes inserir unha actividade do teu concello</p>

<div class="campo">
<label class="etiqueta" for="dataInicio">Data</label>
<input type="text" readonly="true" id="dataInicio" name="dataInicio"/>
<span class="mensaje"></span>
</div>

<div class="campo">
<label class="etiqueta" for="tituloActividade">Actividade</label>
<input type="text" id="tituloActividade" name="tituloActividade"/>
<span class="mensaje"></span>
</div>


<div class="campo">
<label class="etiqueta" for="concello">O concello</label>
<% include '/listaConcellos.groovy' %>
<span class="mensaje"></span>
</div>

<div class="campo">
<label class="etiqueta" for="tipo">Tipo</label>
<% include '/WEB-INF/groovy/listaTiposActividade.groovy' %>
<span class="mensaje"></span>
</div>

<div class="campo">
<label class="etiqueta" for="descricion">Descrición da actividade</label>
<textarea rows="120" cols="90" id="descricion" name="descricion"></textarea>
<span class="mensaje"></span>
</div>




  <div class="controls">
  
       
      <!--<a href="/" id="cancel" class="submit" name="cancel">Cancela</a>-->      
      <input id="submit" class="submit" name="submit" type="submit" 
          value="Crea actividade"/>
      
          
    </div>
    

</fieldset>

</form>
</div>
</div>
				
								
												
																
<!-- EMPIEZA FOOTER -->																				
																								
																												
																																
																																				
																																								
																																												
																																																				
				
				
				</div> <!-- fin grid_11 -->
				
				
				<div id="sidebar" class="grid_4 prefix_1">
					lateral
				</div>				
				
			</div>					
		
		
		</div>
		
		<div id="footer">
		<div class="container_16">
					footer
			</div>
		</div>
		
	
	
	</div>





</body>
</html>